import { Outlet } from "react-router-dom";
import { Layout } from "antd";
import styled from "styled-components";
import DataHeader from "./components/DataHeader";

const { Header, Content } = Layout;

const ContentBox = styled(Content)`
  overflow-y: auto;
  .data-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
  }
`;

export default function Data() {
  return (
    <Layout>
      <Header>
        <DataHeader></DataHeader>
      </Header>
      <ContentBox>
        <div className="data-content">
          <Outlet />
        </div>
      </ContentBox>
    </Layout>
  );
}
